<template>
  <van-tabbar v-model="active" active-color="#ee0a24">
    <van-tabbar-item replace to="/home" icon="home-o">首页</van-tabbar-item>
    <van-tabbar-item replace to="/category" icon="search">分类</van-tabbar-item>
    <van-tabbar-item replace to="/cartPage" icon="cart-o">购物车</van-tabbar-item>
    <van-tabbar-item replace to="/userCenter" icon="friends-o">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script setup lang="ts" name="Tarbar">
import { useConfigStore } from '@/stores/config';
import { toRef } from 'vue';

const configStore = useConfigStore()
const active = toRef(configStore.activePage)
</script>

<style scoped>

</style>